<!DOCTYPE html>
<html>
    <head>
      <meta charset="utf-8" />
      <title>百度一下，你就知道</title>
      <style>
      .header{float: right;
      font-family: sans-serif;
      font-size: 0.8em;
      word-spacing: 1.2em;
      padding-top: 1.2em;
      padding-right:0.5em;
      color: black;
      }
      a{color: black
      }
      .main {clean:both;
            width:50%;
            margin: 0 auto;
            text-align: center;
            padding-top: 100px
      }
      .footer{
        width:50%;
        margin:0 auto;
        text-align: center;
        padding-top: 350px
      }
      .content{
        padding-top: 10px
      }
      .button{
        margin-left: -8px;
        color:white
      }
      .button1{
        background-color: #3385ff;
        color: white}
      .main input[type=text]{width: 641px;
        height: 36.8px;
        border-color: blue;
        }
      .main input[type=button]{width: 100px;
        height:45px;
        }
      .more{background-color: blue;
        border-bottom: #f0f0f0 1px solid;
        color:white
      }
      </style>
    </head>
    <body>
    <div class="header">
      <b>  <a href="http://www.nuomi.com/?cid=002540">糯米</a>
        <a href="http://news.baidu.com/">新闻</a>
        <a href="http://www.hao123.com/">hao123</a>
        <a href="http://map.baidu.com/">地图</a>
        <a href="http://v.baidu.com/?fr=bd">视频</a>
        <a href="http://tieba.baidu.com/">贴吧</a><b>
        <a href="">登录</a>
        <a href="">设置</a>
        <a class=more >更多用户</a>
    </div>
    <div class="main">
          <img src="https://www.baidu.com/img/bd_logo1.png" height="129" width="270">
          <form class="content" action="index.html" method="post">
            <span class="text"><input type="text" name="name" value="" ></span>
            <span class="button"><input class="button1" type="button" name="name" value="百度一下" ></span>
          </form>
    </div>
    <div class="footer">
        <p><a href="#">把百度设为首页</a>@2016 Baidu
        <a href="#">使用百度前必读</a>
        <a href="#">意见反馈</a>京ICP证030173号
      <div class="footer-bottem">
        <img src="http://www.beian.gov.cn/img/beianbgs.png" width="14px" height="14px">京工网安备11000002000001号</p>
      </div>
    </div>
      </body>
      </html>
